<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>商品分类管理</title>
    <style type="text/css">
        <!--
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .tabfont01 {
            font-family: "宋体";
            font-size: 9px;
            color: #555555;
            text-decoration: none;
            text-align: center;
        }

        .font051 {
            font-family: "宋体";
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            line-height: 20px;
        }

        .font201 {
            font-family: "宋体";
            font-size: 12px;
            color: #FF0000;
            text-decoration: none;
        }

        .button {
            font-family: "宋体";
            font-size: 14px;
            height: 37px;
        }

        html {
            overflow-x: auto;
            overflow-y: auto;
            border: 0;
        }

        -->
    </style>

    <link href="../css/css.css" rel="stylesheet" type="text/css"/>
    <script type="text/JavaScript">

    </script>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
</head>
<SCRIPT language=JavaScript>
    function sousuo() {
        window.open("gaojisousuo.htm", "", "depended=0,alwaysRaised=1,width=800,height=510,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0");
    }
    function selectAll() {
        var obj = document.fom.elements;
        for (var i = 0; i < obj.length; i++) {
            if (obj[i].name == "delid") {
                obj[i].checked = true;
            }
        }
    }

    function unselectAll() {
        var obj = document.fom.elements;
        for (var i = 0; i < obj.length; i++) {
            if (obj[i].name == "delid") {
                if (obj[i].checked == true) obj[i].checked = false;
                else obj[i].checked = true;
            }
        }
    }

</SCRIPT>

<body>

<form name="fom" id="fom" method="post" action="${path}/backstage/category/list">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="30">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="62" background="../images/nav04.gif">

                            <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="21"><img src="../images/ico07.gif" width="20" height="18"/></td>
                                    <td width="538">搜索条件&nbsp;&nbsp;&nbsp;&nbsp;
                                        编号：
                                        <input name="categoryNo" id="categoryNo" type="text" size="12" value="${categoryNo}"/>&nbsp;&nbsp;&nbsp;&nbsp;
                                        名称：
                                        <input name="categoryName" id="categoryName" type="text" size="12" value="${categoryName}"/>&nbsp;&nbsp;&nbsp;&nbsp;

                                        <input name="Submit4" type="submit" class="right-button02" value="查 询"/></td>
                                    <td width="144" align="left">

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table id="subtree1" <%--style="DISPLAY: "--%> width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                            <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td height="20"><span class="newfont07">选择：<a href="#" class="right-font08"
                                                                                  onclick="selectAll();">全选</a>-<a
                                            href="#" class="right-font08" onclick="unselectAll();">反选</a></span>
                                        <input type="button" class="right-button08" value="删除所选分类" onclick="dels()"/>
                                        <input name="Submit2" type="button" class="right-button08" value="添加商品分类"
                                               onclick="window.location='${path}/backstage/category/addPre';"/></td>
                                </tr>
                                <tr>
                                    <td height="40" class="font42">
                                        <table width="100%" border="0" cellpadding="4" cellspacing="1" bgcolor="#464646"
                                               class="newfont03">
                                            <tr class="CTitle">
                                                <td height="22" colspan="18" align="center" style="font-size:16px">
                                                    商品分类信息列表
                                                </td>
                                            </tr>
                                            <tr bgcolor="#EEEEEE">
                                                <td align="center" height="30">选择</td>
                                                <td>序号</td>
                                                <td>编号</td>
                                                <td>名称</td>
                                                <td>操作</td>
                                            </tr>
                                            <!--迭代商品分类begin-->
                                            <c:forEach items="${categories}" var="c" varStatus="no">
                                                <tr bgcolor="#FFFFFF">
                                                    <input type="hidden" value="${c.categoryId}" name="categoryId">
                                                    <td height="20"><input type="checkbox" name="delid" value="${c.categoryId}"
                                                                           }/></td>
                                                    <td>${no.count}</td>
                                                    <td>${c.categoryNo}</td>
                                                    <td>${c.categoryName}</td>

                                                    <td><a href="${path}/backstage/category/editPre?categoryId=${c.categoryId}">编辑|</a>
                                                        <a href="javascript:del('${c.categoryId}')">删除</a>
                                                    </td>
                                                </tr>
                                            </c:forEach>
                                            <!--迭代商品分类end-->
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <c:if test="${empty categories}">
                                <table style="line-height: 200px" width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
                                    <tr align="center">
                                        <td>没有查询到相关数据！</td>
                                    </tr>
                                </table>
                            </c:if>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</form>

<script type="text/javascript" src="${path}/js/jquery.min.js"></script>

<script>
    /**
     * 批量删除
     */
    function dels() {
        var cks = $("input[name='delid']");
        var count = 0;
        var categoryIds = "?1=1";
        for (var i = 0; i < cks.length; i++) {
            if(cks[i].checked){
                categoryIds += "&categoryId=" + cks[i].value;
                count++;
            }
        }
        if (count == 0) {
            alert("请选择需要删除的信息！");
            return;
        }
        if(window.confirm("确认删除？")){
            window.location = "${path}/backstage/category/delete" + categoryIds;
        }
    }


    /**
     * 单行删除
     */
    function del(categoryId) {
        //判断
        if(window.confirm("确定删除吗?")){
            //发送到删除分类的控制器
            window.location = "${path}/backstage/category/delete?categoryId="+categoryId;
        }
    }

    /**
     * 查询
    */
     function search(){
        //获取分类编号
		var categoryNo = $("#categoryNo").value;
		//获取分类名称
        var categoryName = $("#categoryName").value;
        //重定向
	    window.location = "${path}/backstage/category/list?categoryNo="+categoryNo+"&categoryName="+categoryName;
    }

</script>


</body>
</html>
